查看原文
其他

DataV 6.0 特性解读__01 数据映射系统

壹方 DataV数据可视化 2022-11-24


 

DataV 6.0 : 数据赋予给艺术的可能性,我们用技术和设计让它成真。



在现有的大屏可视化产品中,都较为注重炫酷的纯样式配置的展示效果,而忽略了图形和数据之间的关联性。因此,本次 DataV 6.0 版本全新升级希望解决这个问题 —— 将样式配置和数据映射能力相融合,提升用户对于大屏图表样式的多元性、个性化的视效需求,也能提供了对数据进行可视分析探索的可能性。

在 DataV 6.0 版本中,可视化图表组件接入 DataV6.0 版本的 GUI 数据可视化映射器控件,由此用户在图表配置时,能够非常方便且快捷地建立、取消、修改数据和图形的映射关系,且提供了颜色库、图形库、函数库等设计预设模板,用户能非常快速的配置出美丽的图表,满足对于数据分析和数据展示的双重需求。








    数据映射系统的建立    




DataV 6.0 版本的升级从数据可视化的核心出发。数据可视化的本质,即将数据转换为图形,更直观有效地展示复杂数据,从而发现数据中的隐藏价值。数据映射,即将数据映射成图形的规则,这也是数据可视化的核心。数据映射需要理解数据,图形,及数据图形之间的编码规则,这套规则也被称为视觉编码(Visual Encoding)




数据:数据有多维度的分类。从统计学的角度,常规可将数据分为名义尺度(Norminal)、顺序尺度(Ordinal)、间隔尺度(Interval)、比率尺度(Ratio)。从语义角度,可将数据分为数值型,名词型,定序型,时间型,空间型,关系型(树图网),等等。从数据格式角度,可以简单分为String和Number类型。


图形:如饼状图、柱状图、折线图、区域图、散点图、雷达图等等,这些图表的本质都是将数据转为图形,但因为这些图表本身复用价值高,且从统计学意义上数据特征的表达更为合理,从而被许多图表类库沉淀,被我们所熟知。对具有空间信息的地图类可视化而言,无论平面地图亦或三维城市,结合传统的GIS理论体系及行业沉淀,亦有非常多元的图形表达形式。在信息可视化领域,则有许多创意类的可视化艺术表达。


视觉编码规则


编码:在可视化领域,专业术语称之为“视觉编码(Visual Encoding)”,即数据与图形的转换关系与编码规则。可以简单理解为,将数据抽象为符号(点、线、面、体),再将不同的数据维度映射成符号具备的视觉属性(位置、形状、尺寸、方向、颜色、纹理、动效等),从而将数据转化成图形。对于不同的视觉通道,人的感知和认知的反馈不同,因此对不同的数据类型,视觉通道的使用有不同的优先级和评价体系。









 DATAV.GUI 可视化映射器 




此前,DataV.GUI 已经涵盖诸多基础控件,由于 DataV 6.0 版本从数据可视化的本质出发,DataV.GUI 衍生出了针对可视化图表的映射器控件,重构了图表配置的操作流程。


对于可视化的合理性及表现力而言,形状、尺寸、颜色是三个非常重要的视觉通道,相应的 DataV.GUI 涉及三个 GUI 映射器控件:颜色映射器、形状映射器、尺寸映射器。这三个映射器控件几乎可以满足所有视觉通道的配置。


GUI 可视化映射器结构图

01 颜色映射器 colorMapping

颜色映射器用于数据和颜色的映射,数据可支持“名词分类型”、“数值连续型”、“数值分区型”三种类型,并预设相关色彩模板,开发者可以根据不同组件进行三种类型的自由组合,用户也可以根据个人数据选择对应的数据映射类型。


《《 《 左滑试试

《《 《 左滑试试


  • 名词分类型:用于数据为 String 类型的分类型数据

颜色映射器-名词分类型


  • 数值连续型:用于 Number 型数据,每个数值和颜色进行一一对应的映射

颜色映射器-数值连续型


  • 数值分区型:用于大量数据时,将数值进行区间划分,并以不同数据区间和颜色进行映射

颜色映射器-数值分区型


色彩模板预设:

颜色映射器

颜色映射器中的色彩模板根据可视化颜色标准设置:

  • 顺序型(Sequential)色彩模板:具有一定的秩序性,一般为单个或邻近的色相结合不同明度或饱和度的颜色组合,一般用于表达数据渐进的变化

  • 分离型(Diverging)色彩模板:不具备秩序性,一般为亮度一致但色相不同的颜色组合,适用于表达不同类型的分类数据

  • 分类型(Qualitative)色彩模板:中间一般为白色和灰色,两端则为色相区分度较大的颜色,适用于数据中间值存在临界的变化,比如为零或均值、中值等


02 形状映射器 markerMapping
形状映射器用于数据和形状的映射,数据可支持“名词分类型”、“数值分区型”两种类型。在开发层,区分了矢量和图标两种类型,开发者可以根据不同组件进行选择。

《《 《 左滑试试

《《 《 左滑试试


形状映射器针对不同的组件类型预设了不同的图标库,包括简单抽象的几何图形(圆形、三角形、方形、五角星等)及具有视觉创意的简单几何图形,和有一定语义信息的图标库(比如天气、交通、医疗等)。

形状映射器


03 尺寸映射器  sizeMapping

尺寸映射器用于数据和尺寸的映射,映射类型可支持“名词分类型”、“数值连续型”、“数值分区型”三种类型


尺寸映射器分为简单版和复杂版。一般常用为简单版,即将尺寸和数值形成连续映射,即将数据最小值映射到图形最小像素,将数据最大值映射到图形最大像素。用户可以通过滑动条或者输入框,调整绘制图形的像素和数据的最大值和最小值的映射关系。复杂版支持三种映射类型,在数值连续型时,预设了两个条目之间的映射函数。

尺寸映射器


04 条件映射器 conditionMapping

DataV 6.0 版本,除了数据映射的逻辑外,还提供了条件( condition )映射的功能,即通过设置AND/OR关系及运算符(大于,小于,等于,包含等)得到条件过滤的数据结果,再对该数据结果进行样式的设置。


《《 《 左滑试试

undefined

《《 《 左滑试试


举例来说,如果希望销量超过100万时显示为红色,那就可以建立一个条件映射条目,数据设置为销量字段值大于100万,样式设置颜色为红色。条件映射可用于超过阈值的报警场景等。

条件映射器

条件映射器的操作如图所示。用户只需选择到条件的分类下,进行条件列表的新增、修改、复制、删除等操作。为了便于不同条件的区分,可以修改条件对应的名称,再进行数据条件和图形样式的设置。










    开始使用吧    




DataV 6.0 版本图表组件现已覆盖 10+ 基础统计图表(柱状图、气泡图、玫瑰图、饼图、雷达图、折线图等),以及基础平面地图 19 个子组件(呼吸气泡层、矢量散点层、图标散点层、点热力层、蜂窝聚合层、网格聚合层、符号聚合层、飞线层、轨迹线层、区域热力层、等值面层、信息标签层等)。后续将会有更多的图表组件及地理组件支持。

基础统计图表展示效果

基础平面地图展示效果

基础平面地图展示效果

如上图所示均为 DataV 组件图表调整出的效果。


DataV 6.0 版本组件支持数据集分析拖拽模式,支持 GUI 映射器控件配置并遵循新版配置项标准,能够辅助数据和图形的映射分析,也便于用户快速调节出更多元美丽的图表。










    结语    




DataV 最初将大屏的产出工作流划分为不同角色,比如配置一个图表,设计师在样式面板调整样式,开发者在数据面板接入数据。


但近些年来,我们逐渐发现,使用 DataV 的设计师不再等同于传统的品牌或体验设计师,他们对数据有更深的理解;使用 DataV 的开发者也对设计和艺术有更多的体会。本次改版升级中,也可以看到数据面板和样式面板的相互融合。


在整个社会的发展中,也有越来越多设计和工程的交叉融合,边界处在发生创新。





《 直播预告 》
下周二 07.06 上午 10:30 
钉钉群中将进行新特性教学

新人可加钉钉新群:21931738





「更多新特性阅读」

《DataV 6.0 让我直呼 666🤙🤙🤙》

新特性一览 



您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存